<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .class1 {
            color: red;
            font-size: 50px;
            border: 1px solid black;
        }

        .class2 {
            width: 300px;
            height: 300px;
            background-color: yellow;
        }
    </style>
</head>
<body>
<!--class方式进行CSS属性赋值 是最常用的 因为class在一个页面当中可以使用多次，可以跨标签使用
    在一个标签中可以赋值多个class 拥有多个样式
-->
<div class="class1 class2">div标签1</div>
<div class="class2">div标签2</div>
<div>div标签3</div>
<span class="class1">span标签1</span>
<span class="class2">span标签2</span>
<span>span标签3</span>
</body>
</html>